<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>宝宝玩英语</title>
	<link rel="stylesheet" href="./lib/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/header.css">
	<link rel="stylesheet" href="./css/footer.css">
	<link rel="stylesheet" href="./css/teaching.css">
	<script type="text/javascript" src="./js/common.js" charset="utf-8"></script>
</head>

<body>
	<header>
		<div class="headerw">
			<div class="left">
				<h1>宝宝玩英语</h1>
			</div>
			<nav>
				<div class="con_nav">
					<a href="./index.html">
						<!-- <img src="./images/header/nav1.jpg" alt="./images/header/nav1.jpg"> -->
						<p>首页</p>
					</a>
					<a href="./index.html?system" class="goCourseSystem">
						<!-- <img src="./images/header/nav2.jpg" alt="./images/header/nav2.jpg"> -->
						<p>课程体系</p>
					</a>
					<a href="./teaching.html" class="checked">
						<!-- <img src="./images/header/nav3.jpg" alt="./images/header/nav3.jpg"> -->
						<p>教学模式</p>
					</a>
					<a href="./course.html">
						<!-- <img src="./images/header/nav4.jpg" alt="./images/header/nav4.jpg"> -->
						<p>课程概览</p>
					</a>
					<!-- <a href="./baby.html"> -->
						<!-- <img src="./images/header/nav5.jpg" alt="./images/header/nav5.jpg"> -->
						<!-- <p>宝宝风采</p>
					</a> -->
					<a href="./download_pen.html">
						<!-- <img src="./images/header/nav6.jpg" alt="./images/header/nav6.jpg"> -->
						<p>点读专区</p>
					</a>
					<a href="./experience_course.html">
						<!-- <img src="./images/header/nav7.png" alt="./images/header/nav7.png"> -->
						<p>体验课</p>
					</a>
				</div>
			</nav>
			<!-- <aside class="open_code" onclick="show_banCode()">申请体验课</aside> -->
			<!-- <div class="right">
        <span class="Chinese">中文</span>
        <span class="shugang">丨</span>
        <a class="English" href="./en/home.html">En</a>
      </div> -->
		</div>
	</header>
	<div class="banner">
		<img src="./images/teaching/teaching_ban.jpg" alt="./images/teaching/teaching_ban.jpg">
	</div>
	<div class="banCode" style="display: none">
		<span onclick="show_banCode()">X</span>
		<img src="./images/home/course_code.jpg" alt="./images/home/course_code.jpg">
	</div>


	<div class="one_floor">
		<h2>高效互助学习模式</h2>
		<p class="underline"></p>
		<!-- <img src="./images/teaching/teaching1.jpg" alt="./images/teaching/teaching1.jpg">
        <img src="./images/teaching/teaching2.jpg" alt="./images/teaching/teaching2.jpg">
        <img src="./images/teaching/teaching3.jpg" alt="./images/teaching/teaching3.jpg">
        <img src="./images/teaching/teaching4.jpg" alt="./images/teaching/teaching4.jpg"> -->
		<div class="w">
			<div class="top">
				<div class="part">
					<h3>课程热身</h3>
					<figure>
						<img src="./images/teaching/01.png" alt="">
						<figcaption>
							<p>视频语音学习资料随身带</p>
							<p>预习随时随地随心所欲</p>
						</figcaption>
					</figure>
				</div>
				<div class="part">
					<h3>灵活教学</h3>
					<figure>
						<img src="./images/teaching/02.jpg" alt="">
						<figcaption>
							<p>动画教学 慢速领读</p>
							<p>主句讲解 重点解析</p>
						</figcaption>
					</figure>
				</div>
				<div class="part">
					<h3>游戏强化</h3>
					<figure>
						<img src="./images/teaching/03.jpg" alt="">
						<figcaption>
							<p>线上游戏测试</p>
							<p>班级社群跟读</p>
						</figcaption>
					</figure>
				</div>
			</div>
			<div class="center">
				<p></p>
				<p></p>
			</div>
			<div class="bottom">
				<h3>看视频动画 学师范动作，就能理解儿歌内容</h3>
				<p class="circle">慢速分句领唱，儿歌轻松开口唱</p>
				<p class="kuang">经典英文儿歌，日常生活用语贴近生活，朗朗上口有趣易学，蹦蹦跳跳欢唱儿歌的同时开心的磨耳朵。培养英文好感度，一切尽在潜移默化中！</p>
			</div>
		</div>
	</div>
	<p class="separate"></p>
	<div class="two_floor">
		<div class="w">
			<p class="kuang">绘本故事中包含了许多丰富有趣孩子生活中常见的场景。在讲读过程中，自然而然的将绘本中场景与现实生活结合，正确理解英文含义。真实、熟悉、有效。</p>
			<p class="circle">
				<b>例如:</b>在【Guess how much I love you 】中，可以学习亲子肢体大动作游戏，家长与宝宝面对面而坐，握着宝宝的双手，大大地伸展开，一边做动作一边说“Guess how much I love you”“So big”,随着多次声音和动作的结合，孩子能很自然地理解上述句子的含义。
			</p>
			<img style="position: relative; z-index: 2; margin-left:10%" width="90%" src="images/teaching/twofloorbg.png" />
			<img style="width: 500px; position: absolute; bottom: 0; left:-100px; z-index: 1;" src="images/teaching/wl.jpg" />
		</div>
	</div>
	<p class="separate"></p>
	<div class="three_floor">
		<div class="w">
			<p class="kuang">玩具是孩子日常生活中必不可少的内容，而玩玩具的过程也是进行英语启蒙的好时机。边玩边学寓教于乐，轻轻无压力！</p>
			<p class="circle">
				<b>例如：</b>在与孩子搭乐高积木时，可以学习一些常见的动词和词型。“Let’s stack the blocks up.”(让我们用积木堆高高吧）stick together (拼接）stack up ( 堆起来）pull apart (拆开）等。不用翻译，游戏中轻松理解这些词汇意思。
			</p>
		</div>
	</div>
	<p class="separate"></p>
	<div class="four_floor">
		<div class="w">
			<p class="kuang">在英语学习中词汇是非常重要的一部分。从孩子兴趣出发，选取孩子喜爱的主题，如动物、美食或日常生活中常见的词汇，在游戏互动中多次重复孩子既不会感到厌烦又能轻松掌握词汇。</p>
			<p class="circle">
				<b>例如：</b>在农场场景中，通过静电贴的游戏，边游戏边学习，可以学习到农场动物词汇puppy 、dog 、butterfly 、pig 、goat 、duck 等20多个词汇。</p>
		</div>
	</div>
	<footer>
		<div class="top">
			<div class="w">
				<div class="onefloor">
					<span class="about">
            <a href="./about.html">关于我们</a>
          </span>
					<span>丨</span>
					<span class="join">
            <a href="./join.html">加入我们</a>
          </span>
				</div>
				<div class="twofloor">
					<img src="./images/footer/gongzhonghao.jpg" alt="">
					<img src="./images/footer/download.jpg" alt="">
				</div>
				<div class="lastfloor">
					<p>微信公众号</p>
					<p>宝玩APP下载</p>
				</div>
			</div>
		</div>
		<div class="bottom">
			<p style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
				<span style="float:left;;margin: 0px 10px 0px 0px;height:20px;line-height:20px;color: #666">京ICP备16005798号</span>
			</p>
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502034347" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
        <img src="images/footer/footrecord.png" style="float:left;" />
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">京公网安备 11010502034347号 北京启萌教育科技有限公司</p>
      </a>
		</div>
	</footer>
</body>
<script type="text/javascript">
	// banner附近二维码
	var banCode = document.querySelector('.banCode');

	function show_banCode() {
		if (banCode.style.display == 'none') {
			banCode.style.display = 'block';
		} else {
			banCode.style.display = 'none';
		}
	}
</script>

<script type="text/javascript" src="http://tajs.qq.com/stats?sId=64268548" charset="UTF-8"></script>

</html>
